const footer = {
  props: ['index'],
  template: '<footer class="aui-footer aui-footer-fixed">'+
		'<a id="home" href="https://www.maksdu.com/home/" class="aui-tabBar-item">'+
                    '<span class="aui-tabBar-item-icon">'+
                        '<i class="fa fa-home fa-fw"></i>'+
                    '</span>'+
			'<span class="aui-tabBar-item-text">首页</span>'+
		'</a>'+
		'<a id="school" href="https://www.maksdu.com/school/" class="aui-tabBar-item ">'+
                    '<span class="aui-tabBar-item-icon">'+
                        '<i class="fa fa-book fa-fw"></i>'+
                    '</span>'+
			'<span class="aui-tabBar-item-text">校园</span>'+
		'</a>'+
		'<a id="special" href="javascript:;" class="aui-tabBar-item ">'+
                    '<span class="aui-tabBar-item-icon">'+
                        '<i class="fa fa-building-o fa-fw"></i>'+
                    '</span>'+
			'<span class="aui-tabBar-item-text">特殊</span>'+
		'</a>'+

		'<a id="own" href="https://www.maksdu.com/content/personal/" class="aui-tabBar-item ">'+
                    '<span class="aui-tabBar-item-icon">'+
                        '<i class="fa fa-user fa-fw"></i>'+
                    '</span>'+
			'<span class="aui-tabBar-item-text">我的</span>'+
		'</a>'+
	'</footer>',
	mounted: function() {
		$('#'+this.index).addClass('aui-tabBar-item-active');
	}
};

Vue.component('vfooter',footer);
